<template>
  <el-container class="home_box">
    <!--主要内容-->
    <el-main style="padding: 0;">
      <home-main></home-main>
      <router-view></router-view>
    </el-main>
    <!--主要内容-->

    <!--底部-->
    <el-footer style="padding: 0 !important;">
      <div class="home_footer">
        <div class="footer_litlebox">
          <div class="footer_site">
            <i class="el-icon-location footer_text"></i>
            <span class="footer_text">地址：重庆市合川区假日大道1号重庆移通学院</span>
          </div>
          <div class="footer_mailbox">
            <i class="el-icon-message footer_text"></i>
            <div class="footer_text">邮箱：1628206678@qq.com</div>
          </div>
          <div class="footer_phone">
            <i class="el-icon-phone footer_text"></i>
            <div class="footer_text">电话：021-81239657</div>
          </div>
        </div>
      </div>
    </el-footer>
    <!--底部-->

  </el-container>
</template>

<script>
import HomeMain from "../components/HomeMain";
export default {
  name: "Home",
  components: {
    HomeMain
  },
  data() {
    return {
    };
  },
  methods: {
  },
}
</script>

<style lang="less">
.home_box{
  background-color: #f7f9fa;
  //faf7f7
  .home_box_header{
    padding: 0;
    margin: 0 auto;
    background-color: #ffffff;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 10;

    .home_header{
      display: block;
      min-width: 735px;
      max-width: 1750px;
      margin: 0 auto;
      .header_right {
        float: right !important;
      }
    }

  }
  .main_about{
    height: 700px;
    .about_title{
      font-size: 50px;
      font-weight: lighter;
      text-align: center;
    }

  }
  .home_footer{
    background-color: #545c64;
    height: 150px;
    margin-top: 60px;
  }
  .footer_litlebox{
    padding: 50px 0;
    .footer_site, .footer_mailbox, .footer_phone{
      display: inline-block;
      height: 50px;
      width: 30%;
      padding: 0 1.5%;
      margin: 0 auto;
      text-align: center;
      .footer_text{
        display: inline-block;
        font-weight: lighter;
        font-size: 20px;
        color: #909399;
      }
    }
  }
}
</style>
